$operation_box_height: 130rpx;
$legend_height: 50rpx;
$legend_icon_height: 30rpx;
.legend-container {
	height: $legend_height;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10rpx 0;
	box-sizing: border-box;
	.legend-item {
		display: flex;
		justify-content: center;
		align-items: center;
		margin:  0 20rpx;
		font-size: 26rpx;
		.legend-item-icon {
			width: $legend_icon_height;
			height: $legend_icon_height;
			border-radius: 6rpx;
			margin-right: 10rpx;
			background: #e8eaec;
		}
		.legend-item-open-icon{
			border:#3cc51f solid 1rpx;
			background:#f6ffed
		}
	}
}
.lt-form-item {
	height: 72rpx;
	display: flex;
	justify-content: space-between;
	margin: 10rpx 0;
	font-size: 32rpx;
	.lt-form-item-label {
		width: 160px;
		height: 100%;
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.lt-form-item-value {
		width: calc(100% - 100px);
		height: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: right;
		background: #F3F4FF;
		border-radius: 12rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 12rpx;
		.lt-form-item-ipt {
			width: 100%;
			height: 100%;
		}
	}
	.edit-input {
		color: #2b85e4;
	}
}
.lt-header {
	height: 84rpx;
	display: flex;
	box-sizing: border-box;
	border-bottom: solid 1px #5c6be3;
	background: #5c6be3;
	.header-item {
		width: 50%;
		height: 100%;
		font-size: 28rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		border-right: solid 1px #c5c8ce;
	}
	.header-item:last-child {
		border-right: none;
	}
}
.lt-container {
	width: 100%;
	height: calc(100vh - 84rpx - #{$operation_box_height} - #{$legend_height});
	padding: 32rpx;
	box-sizing: border-box;
	background: #f8f8f9;
	overflow: auto;
	margin-bottom: $operation_box_height;
	.footer-operation-box {
		width: 100%;
		height: $operation_box_height;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 0 32rpx;
		box-sizing: border-box;
		.push-button-style {
			width: 100%;
		}
	}
	.lt-content {
		width: 100%;
		height: 100%;
		border-radius: 8rpx;
		box-sizing: border-box;
		.machine-item {
			width: 100%;
			margin-bottom: 20rpx;
			.machine-item-label {
				font-size: 30rpx;
				margin-left: 4rpx;
			}
			.machine-item-groups {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				.spin-item {
					width: calc(100% / 3);
					box-sizing: border-box;
					padding: 4rpx;
					margin-bottom: 4rpx;
					.spin-item-inner {
						width: 100%;
						height: 100%;
						border-radius: 12rpx;
						overflow: hidden;
						box-sizing: border-box;
						border: solid 1px #c5c8ce;
						.spin-item-header {
							width: 100%;
							height: 64rpx;
							color: #808695;
							font-size: 26rpx;
							background: #e8eaec;
							//background: #D1D7FB;
							display: flex;
							justify-content: center;
							align-items: center;
							border-bottom: solid 1px #eee;
							position: relative;
						}
						.product-item {
							//height: 100%;
							height: 100rpx;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							//background: #E1E7FF;
							color: #2b85e4;
							font-size: 24rpx;
							padding: 14rpx;
							word-break:break-all;
						}
					}
				}
			}

		}
	}
}
